body{
	background: #f7f8f9;
}
.g-sub{
	background: #333;
	width: 130px;
	/* min-height: 800px; */
	z-index: 10;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	border-right: 1px solid #1cb2cb;
}
.g-sub .logo{
	background: #1cb2cb;
	height: 40px;
	color: #fff;
	font-size: 24px;
	text-align: center;
	line-height: 40px;
}
.g-sub .list li a{
	line-height: 40px;
	display: block;
	padding-left: 10px;;
	color: #fff;
}
.g-sub .list li:hover{
	background: #34393C
}
.g-main{
	margin-left: 130px;
}
.g-main .g-cont{
	background: #fff;
	min-height: 800px;
	padding: 20px 10px;
}
.hide{
	display: none;
}
.g-sub.hide + .g-main{
	margin-left: 0px;
}

.m-tt{
	font-size: 14px;
	padding: 10px;
	border-bottom: 1px solid #eee;
	background: #f7f8f9;
	margin-bottom: 20px;
}

.m-table{
	width: 100%;
	text-align: center;
}
.m-table th {
	word-wrap: break-word;
	word-break: normal;
	border-bottom: 1px solid #e3dfd8;
	line-height: 30px;
	color: #645849;
	padding: 5px;
	background: #FDFDFD;
	font-weight: 700;
}
.m-table td{
	line-height: 36px;
	border-bottom: 1px dashed #e3dfd8;
}
.m-table .op{
	padding: 5px 10px;
	display: inline-block;
	word-break: normal;
	color: #1cb2cb;
	cursor: pointer;
}

.m-list{
	line-height: 30px;
}
.m-list .item{
	padding: 10px 0;
}
.m-list label{
	display: inline-block;
	width: 80px;
}
.m-list .m-input{
	line-height: 30px;
	height: 30px;
	border: 1px solid #eee;
	border-radius: 3px;
	padding: 0 8px;
	width: 200px;
	box-sizing: border-box;
}
.m-btn{
	width: 200px;
	line-height: 30px;
	background: #1cb2cb;
	color: #fff;
	cursor: pointer;
	border: #1cb2cb 1px solid;
	border-radius: 5px;
}

.login-box{
	width: 400px;
	height: 300px;
	position: fixed;
	top:50%;
	left: 50%;
	margin-left: -200px;
	margin-top: -200px;
	background: #fff;
	border-radius: 5px;
	box-shadow:1px 1px 5px #eee;
	text-align: center;
}
.login-box h2{
	font-size: 24px;
	font-weight: 700;
	padding: 10px;
	border-bottom: 1px solid #fdfdfd;
}
.login-box ul{
	border-top: 1px solid #bbb;
	padding-top: 30px;
}

.file-box{
	cursor: pointer;
	border: 1px dashed #ccc;
	/*overflow: hidden;*/
	position: relative;
	display: inline-block;
	width: 80px;
	height: 80px;
	background: #fff center no-repeat;
	margin: 20px 20px 0 0;
}
.file-box:after{
	content: "+添加";
	position: absolute;
	top: 35px;
	left: 20px;
	font-size: 14px;
	z-index: 1;
	display: block;
}
.file-box.sel:after{
	content: '';
	display: none;
}
.file-box .close{
	display: none;
}
.file-box.sel .close{
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background: red;
	color: #fff;
	text-align: center;
	line-height: 20px;
	position: absolute;
	top: -15px;
	right: -15px;
	font-size: 14px;
	display: block;
}
.file-box.sel .j_file{
	display: none;
}

.file-box .j_file{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	outline: none;
	opacity: 0;
	z-index: 8;
	cursor: pointer;
}